<%--
  Created by IntelliJ IDEA.
  User: 门铎
  Date: 2016/8/3
  Time: 9:18
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<%@ taglib  uri="http://java.sun.com/jstl/core_rt" prefix="c" %>
<!DOCTYPE html>
<html lang="en">
<head>
    <title>智能海洋机器人研究中心</title>
    <link rel="stylesheet" href="${pageContext.request.contextPath}/css/reset.css"/>
    <link rel="stylesheet" type="text/css" href="${pageContext.request.contextPath}/css/main.css"/>
    <link rel="shortcut icon" href="${pageContext.request.contextPath}/img/ico.ico" />
</head>
<body>
<jsp:include page="head.jsp"/>
<div class="cimv-content-two clearfix">
    <div class="floor">
        <div class="content-left fl">
            <div class="article clearfix">
                <!-- 轮播图 -->
                <div class="slider fl">
                    <ul>
                        <c:forEach var="latest" items="${latestList}" varStatus="status">
                            <c:if test="${status.count<=4}">
                                <a href="${pageContext.request.contextPath}/${latest.st}/${latest.id}">
                                    <li>
                                        <img src="${pageContext.request.contextPath}${latest.pic}" alt="${latest.id}"/>
                                        <i class="slider-word">${latest.title}</i>
                                    </li>
                                </a>
                            </c:if>
                        </c:forEach>
                    </ul>
                    <ol>
                        <li></li>
                        <li></li>
                        <li></li>
                        <li></li>
                    </ol>
                </div>
            </div>
        </div>
        <div class="content-right fr">
            <div class="content-tips">
                    <div class="lmtitle  pic2">
                        <span class="name">学术活动</span>
                        <a class="more" href="${pageContext.request.contextPath}/newsList/1">更多</a>
                    </div>
                    <div class="news_pic">
                        <ul>
                            <!-- 最多显示8条 -->
                            <c:forEach var="news" items="${newsList}">

                                <li  style="background-image:url(${news.pic});">
                                    <div class="name"><a href="${pageContext.request.contextPath}/news/${news.id}" class="list2">
                                            ${news.title}</a>
                                    </div>
                                    <div class="zhaiyao">
                                        <a href="${pageContext.request.contextPath}/news/${news.id}" class="list">
                                                ${news.summer}
                                        </a>
                                    </div>
                                    <div class="time">${news.date}</div>
                                </li>
                            </c:forEach>
                        </ul>
                    </div>
             </div>
        </div>
    </div>
    <div class="floor clearfix">
        <div class="content-tips2 fl">
            <div class="lmtitle pic1">
                <span class="name">通知公告</span>
                <a class="more" href="${pageContext.request.contextPath}/noticeList/1">更多</a>
            </div>
            <ul class="notice1">
                <!-- 最多显示8条 -->
                <c:forEach var="notice" items="${noticeList}">

                    <li>
                        <a href="${pageContext.request.contextPath}/news/${notice.id}" class="list" title="${notice.title}">
                                ${notice.title}
                        </a>
                    </li>
                </c:forEach>
            </ul>
        </div>
    </div>
    <div class="floor clearfix">

        <div class="content-tips3 fl">
            <div class="links_two">
                <div class="right_links">
                    <span>友情链接:</span>
                    <c:forEach var="flink" items="${flinkList}">
                        <a href="${flink.url}" target="_blank" title="${flink.title}">
                                ${flink.title}
                        </a>
                    </c:forEach>
                </div>
                <div style="clear:both;"></div>
            </div>
            <%--<div class="lmtitle pic3">
                <span class="name">科研项目</span>
                <a class="more" href="${pageContext.request.contextPath}/projectList/1/1">更多</a>
            </div>
            <ul class="news_l2" style="margin-top:9px;">
                <c:forEach var="project" items="${projectList}">
                    <!-- 最多显示8条 -->
                    <li>
                        <div class="time">${project.date}</div>
                        <div class="neirong"><span class="name">
                            <a href="${pageContext.request.contextPath}/project/${project.id}" class="list3">
                                    ${project.title}</a></span>
                            <span class="zhaiyao">
                                <a href="${pageContext.request.contextPath}/project/${project.id}" class="list">
                                        ${project.summer}
                                </a>
                            </span>
                        </div>
                        <div style="clear:both;"></div>
                    </li>
                </c:forEach>
            </ul>--%>
        </div>
    </div>
    <%--<div class="floor">
        <div class="links_two">
            &lt;%&ndash;<div class="left_links">
                <span>人才招聘:</span>
                <c:forEach var="recruit" items="${recruitList}">
                        <a href="${pageContext.request.contextPath}/recruit/${recruit.id}" title="${recruit.title}">
                                ${recruit.title}
                        </a>
                </c:forEach>
            </div>&ndash;%&gt;

        </div>
    </div>--%>
</div>
<div class="footbj">
    <jsp:include page="foot.jsp" />
</div>

<script type="text/javascript" src="${pageContext.request.contextPath}/js/jquery-1.10.2.js"></script>
<script type="text/javascript" src="${pageContext.request.contextPath}/js/main.js"></script>
<!--Luara js文件-->
<script src="${pageContext.request.contextPath}/js/jquery.luara.0.0.1.min.js"></script>
<!--Luara图片切换骨架end-->
<script>
    $(function(){
        <!--调用Luara示例-->
        $(".slider").luara({width:"650",height:"360",interval:4000,selected:"seleted"});

    });
</script>
</body>
</html>
